body {        /*背景*/
    background-image: url('../images/4.jpg');
    background-size:cover;/*裁切页面*/
    padding: 0;
    margin: 0;
}

ul{
    list-style-type: none; /*清除无序列表前的小点*/
    width: auto;
    height: 60px;
    background: rgb(0,135,181);
    margin: 0;
    padding-left: 14%;/*左边距，使li看起来在中间*/
    /*position: relative;*/
    text-align: center;
}
li a{
    float: left;
    width: 180px;
    height: 60px;
    padding: 0px;
    margin-right: 2%;  /*两个li之间的距离*/
    font-size: 30px;
    background-image:linear-gradient(to left,rgb(0,135,181),rgb(0,190,255));
    color: #FFFFFF;
    text-align: center;
    text-decoration: none; /*去下划线*/
}
#back{
    height: 700px; /*942*/
    width: 1099px; /*1293*/
    background-size:cover;  /*裁切页面填充*/
    background-image: url("../images/9.jpg");
    margin-top: 30px;
    margin-left: 150px;
    background-position-y: -75px;
}
#table1{
    height: 182px; /*214*/
    width: 283px; /*333*/
    background-size:cover;  /*裁切页面填充*/
    background-image: url("../images/10.jpg");
    margin-top: -617px;
    margin-left: 307px;
}
#table button{
    margin-top: 63px;
    font-size: 15px;
    margin-left: 103px;
}
#table2{
    height: 182px; /*214*/
    width: 283px; /*333*/
    background-size:cover;  /*裁切页面填充*/
    background-image: url("../images/10.jpg");
    margin-top: -182px;
    margin-left: 864px;
}
#table3{
    height: 182px; /*214*/
    width: 283px; /*333*/
    background-size:cover;  /*裁切页面填充*/
    background-image: url("../images/10.jpg");
    margin-top: 219px;
    margin-left: 312px;
}
#table4{
    height: 182px; /*214*/
    width: 283px; /*333*/
    background-size:cover;  /*裁切页面填充*/
    background-image: url("../images/10.jpg");
    margin-top: -182px;
    margin-left: 862px;
}
#qrcode1{
    margin-top: -441px;
    margin-left: 601px;
}
#qrcode2{
    margin-top: -478px;
    margin-left: 1149px;
}
#qrcode3{
    margin-top: 270px;
    margin-left: 604px;
}
#qrcode4{
    margin-top: 270px;
    margin-left: 1149px;
}